<template>
    <Popup v-model="visible">
        <img
            :src="Failure"
            alt=""
        />
        <p>您未担任企业法人代表，无法进行企业数据授权</p>
        <div
            class="btn"
            @click="handleOk"
        >
            确定
        </div>
    </Popup>
</template>

<script>
import Failure from '@/assets/images/failure.png';

export default {
    name: 'HomoPopup',
    props: {},
    data() {
        return {
            Failure,
            visible: false,
        };
    },
    computed: {},
    mounted() {},
    methods: {
        close() {
            this.visible = false;
        },
        open() {
            this.visible = true;
        },
        handleOk() {
            this.$emit('on-confirm');
        },
    },
};
</script>

<style lang="less" scoped>
/deep/ .popup {
    padding-bottom: 0;
}

img {
    display: block;
    width: 140px;
    margin: 0 auto;
}

p {
    width: 180px;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 16px;
    text-align: center;
    color: #333;
}

.btn {
    border-top: solid thin #efefef;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #1e6fd9;
}
</style>
